<!DOCTYPE html>
<!-- saved from url=(0031)http://localhost:8847/home.html -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>首页</title>
	<link href="./首页_files/home.css" rel="stylesheet"></head>
	<body class="df fdc">
		<main class="flex">
			<!-- 轮播图 -->
			<div id="banner" class="swiper swiper-initialized swiper-horizontal swiper-ios swiper-backface-hidden">
				<div class="swiper-wrapper" id="swiper-wrapper-62ac7fc598647e66" aria-live="off" style="transition-duration: 0ms; transform: translate3d(-750px, 0px, 0px);">
					
					
					
				<div id="swiper3" class="swiper-slide swiper-slide-next" role="group" aria-label="3 / 3" data-swiper-slide-index="2" style="width: 375px;"></div><div id="swiper1" class="swiper-slide swiper-slide-prev" role="group" aria-label="1 / 3" data-swiper-slide-index="0" style="width: 375px;"></div><div id="swiper2" class="swiper-slide swiper-slide-active" role="group" aria-label="2 / 3" data-swiper-slide-index="1" style="width: 375px;"></div></div>
				<!-- 分页器 -->
				<div class="swiper-pagination swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active" aria-current="true"></span><span class="swiper-pagination-bullet"></span></div>
			<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
			<div id="mainCont">
				<!-- 排名和打卡 -->
				<div id="rank_punch" class="df jsbetween">
					<div class="rank df fdc">
						<p class="f18">今日排名</p>
						<span id="rankTxt">1922</span>
					</div>
					<div class="punch">
						<p class="f18">累计打卡<span id="punchTxt">27</span>天</p>
						<div class="df jright">
							<p id="punchBtn" class="tcenter b-box f14">已打卡</p>
						</div>
					</div>
				</div>
				<!-- 运动数据和徽章 -->
				<div id="data_badge" class="df jsbetween">
					<div class="data">运动数据</div>
					<div class="badge rel">
						<p>运动积累徽章</p>
						<p class="count abs"><span id="badgeTxt">2</span>枚</p>
					</div>
				</div>
				<!-- 训练课程 -->
				<div id="course">
					<div class="common">课程训练</div>
				</div>
				<!-- 户外跑步 -->
				<div id="run">
					<div class="common">户外跑步</div>
				</div>
				<!-- 户外骑行 -->
				<div id="ride">
					<div class="common">户外骑行</div>
				</div>
				<!-- 户外游泳 -->
				<div id="swim">
					<div class="common">游泳</div>
				</div>
				<!-- 室内游泳 -->
				<div id="dive">
					<div class="common">潜水</div>
				</div>
			</div>
			<!-- <div id="tabBox"></div> -->
		
	<div id="tabBox"></div>
	<footer id="bottomTab">
		<ul class="df">
			<li class="activeTab"><span class="iconfont icon-home"></span><span>首页</span></li>
			<li><span class="iconfont icon-heart-rate"></span><span>运动</span></li>
			<li><span class="iconfont icon-Vector"></span><span>圈子</span></li>
			<li><span class="iconfont icon-wode"></span><span>我的</span></li>
		</ul>
	</footer></main>
		<!-- 底部tab栏 -->
		<!-- <div id="tabBox"></div>
		<footer id="bottomTab">
			<ul class="df">
				<li><span class="iconfont icon-home"></span><span>首页</span></li>
				<li><span class="iconfont icon-heart-rate"></span><span>运动</span></li>
				<li><span class="iconfont icon-Vector"></span><span>圈子</span></li>
				<li><span class="iconfont icon-wode"></span><span>我的</span></li>
			</ul>
		</footer> -->
	<script src="./首页_files/home-2bbd469f0d31ae4b.js"></script>

</body></html>